import React from 'react'
import ReactDOM from 'react-dom/client'

let isLogin = false

function fn() {
  if (isLogin) {
    return <h1>尊敬的用户你好</h1>
  } else {
    return <p>请登录</p>
  }
}

const el = (
  <>
    <p>条件渲染</p>
    {/* 函数返回值 */}
    {fn()}

    <hr />

    {/* 三元运算符 */}
    {isLogin ? <h1>尊敬的用户你好</h1> : <p>请登录</p>}

    <hr />
    {/* 短路运算符 */}
    {isLogin && <h1>尊敬的用户你好</h1>}
  </>
)

// 创建挂载点
const root = ReactDOM.createRoot(document.getElementById('root'))

root.render(el)
